.tem48-banner{width: 100%;background-size:cover;background-position:center;}
.tem48-banner a{color:inherit;}
.tem48-banner .con{width:100%;height:100vh;color:#fff;position:relative;overflow:hidden;}
.tem48-banner .hotspot{position:absolute;display:block;border:solid 2px;margin:0 auto;width:50px;height:50px;padding:0;line-height:50px;left:15%;transform:translateX(-50%);z-index:15;bottom:20%;border-radius:50%;background:0;cursor:pointer;text-align:center;outline:none;font-size:30px;}
.tem48-banner .con .con_swiper{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;}
.tem48-banner .con .con_swiper .left{width:30%;height:100%;position:relative;z-index:5;display:flex;justify-content: center;align-items: center;padding:0 20px;float:left;transform:translateY(-100%);}
.tem48-banner .con .con_swiper .left_bg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.tem48-banner .con .con_swiper .right{width:70%;height:100%;position:absolute;transform:translateY(100%);top:0;right:0;z-index:8;}
.tem48-banner .con .con_swiper .right .right_box{width:100%;height:100%;padding:20px;}
.tem48-banner .con .con_swiper .right .right_box img{width:100%;height:100%;object-fit:contain;}
.tem48-banner .con .text{text-align:center;margin-top:-120px;width:100%;}
.tem48-banner .con .text .title{margin:0;margin-top:30px;text-transform: initial;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tem48-banner .con .text .description{margin:15px 40px 0 40px;line-height:28px;font-size:16px;max-height:84px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.tem48-banner .con .text>a{margin-top:30px;display:block;font-weight:700;line-height:30px;font-size:16px;}
.tem48-banner .circle_box{width:56px;height:56px;margin:0 auto;text-align:center;position:relative;}
.tem48-banner .circle_text{position:absolute;left:0;width:100%;font-size:12px;bottom:14px;}
.tem48-banner .circle{transform:rotate(-90deg);}
.tem48-banner .timer--circle.circle-ghost{stroke:currentColor;opacity:0.25;}
.tem48-banner .timer--circle.circle-progress{stroke:currentColor;}
.tem48-banner .timer--circle {fill:transparent;stroke-width:2px;stroke-dasharray:190;} 
@keyframes tem48-banner-preloader-circular-reveal{
0%{stroke-dashoffset:190}
100%{stroke-dashoffset:0}
} 
.tem48-banner .con .con_swiper.active .timer--circle.circle-progress{animation:tem48-banner-preloader-circular-reveal 12s}
.tem48-banner .con .con_swiper.active{opacity:1;visibility:visible;}
@media (min-width: 800px){
.tem48-banner .con .con_swiper.active .left{transform:translateY(0);transition:1s;}
.tem48-banner .con .con_swiper.active .right{transform:translateY(0);transition:1s;}
.tem48-banner .con .con_swiper.active_2{opacity:1;}
.tem48-banner .con .con_swiper.active_2 .left{transform:translateY(100%);transition:1s;}
.tem48-banner .con .con_swiper.active_2 .right{transform:translateY(-100%);transition:1s;}
}
@media (max-width: 800px){
.tem48-banner .con .con_swiper{transform:translateY(-100%);opacity:1;}
.tem48-banner .con .con_swiper.active{transform:translateY(0);transition:1s;}
.tem48-banner .con .con_swiper.active_2{transform:translateY(100%);transition:1s;}
.tem48-banner .con .con_swiper .left{transform:translateY(0);width:100%;height:auto;position:initial;float:none;display:block;padding-top:20px;}
.tem48-banner .con .con_swiper .left_bg{height:100vh;}
.tem48-banner .con .text{margin-top:0px;}
.tem48-banner .con .con_swiper .right{transform:translateY(0);height:auto;position:relative;height:auto;margin:auto;}
.tem48-banner .con .con_swiper .right .right_box{padding:0;width:100%;overflow:hidden;height:30vh}
.tem48-banner .con .con_swiper .right .right_box img{object-fit:initial;width:auto;height:auto;margin:auto;display:block;max-height:100%;max-width:100%;}
.tem48-banner .hotspot{left:50%;bottom:20px;}
}